/*library header background*/

._3Z7VQ1IMk4E3HsHvrkLNgo {
    position: relative;
	display: inline-block;
    background: linear-gradient(to top,  
    rgba(0,120,250,1) 0%, 
    rgba(0,0,250,1) 100%);
}

._3Z7VQ1IMk4E3HsHvrkLNgo:hover {
    background: linear-gradient(to top, 
    rgba(180,0,250,1) 0%, 
    rgba(80,0,180,1) 100%);
}

._3Z7VQ1IMk4E3HsHvrkLNgo:after {
    content: '';
	top: 2px;
	left: 2px;
    position: absolute;
	width: 100%;
    height: 20%;
	background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.2));
}

._3Z7VQ1IMk4E3HsHvrkLNgo:hover:after {
    content: '';
	top: 2px;
	left: 2px;
    position: absolute;
	width: 100%;
    height: 25%;
    background: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.2));
}

.profile_header_bg_texture {
    background: repeating-linear-gradient(to bottom,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 10%,
    rgba(120,0,120,1) 20%, 
    rgba(250,0,250,1) 50%);
}

.profile_header_bg_texture:hover {
    background: repeating-linear-gradient(to bottom,  
   rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 20%,
    rgba(0,150,0,1) 30%, 
    rgba(80,250,0,1) 50%);
}

.profile_header_bg_texture:active {
    background: repeating-linear-gradient(to bottom,  
    rgba(120,0,0,1) 0%, 
    rgba(250,0,0,1) 10%,
    rgba(180,0,0,1) 20%, 
    rgba(250,150,0,1) 50%);
}

better use this

/*library header background*/

._3Z7VQ1IMk4E3HsHvrkLNgo {
    background: repeating-linear-gradient(to bottom,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 20%,
    rgba(120,0,120,1) 30%, 
    rgba(250,0,250,1) 50%);
}

._3Z7VQ1IMk4E3HsHvrkLNgo:hover {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 10%,
    rgba(0,150,0,1) 20%,  
    rgba(80,250,0,1) 50%);
}

yellow

/*library header background*/

._3Z7VQ1IMk4E3HsHvrkLNgo:hover {
    background: repeating-linear-gradient(to bottom,  
    rgba(180,180,0,1) 0%, 
    rgba(250,250,0,1) 20%,
    rgba(180,180,0,1) 30%,  
    rgba(250,250,0,1) 50%);
}

green

._3Z7VQ1IMk4E3HsHvrkLNgo {
    background: repeating-linear-gradient(to bottom,   
    rgba(0,210,0,1) 0%,
    rgba(180,210,0,1) 15%,
    rgba(0,200,0,1) 25%,  
    rgba(120,250,0,1) 50%);
}

blue and pink

._1ijTaXJJA5YWl_fW2IxcaT {
    background: repeating-linear-gradient(to right,  
    rgba(0,30,250,1) 0%, 
    rgba(0,120,250,1) 4%,
    rgba(0,40,250,1) 7.0%, 
    rgba(0,80,250,1) 9.0%,
    rgba(0,150,250,1) 12.5%);   
}

._1ijTaXJJA5YWl_fW2IxcaT:hover {
    background: repeating-linear-gradient(to right,  
    rgba(110,0,90,1) 0%, 
    rgba(200,0,180,1) 2.5%,
    rgba(140,0,120,1) 5%, 
    rgba(140,0,190,1) 6%,
    rgba(250,0,200,1) 12.5%);
}

gradually

/*library left background*/

._1ijTaXJJA5YWl_fW2IxcaT {
    background: repeating-linear-gradient(to right,  
    rgba(90,30,250,1) 0%, 
    rgba(0,120,250,1) 3%,
    rgba(0,40,250,1) 5.0%, 
    rgba(0,150,250,1) 12.5%); 
}

._1ijTaXJJA5YWl_fW2IxcaT:hover {
    background: repeating-linear-gradient(to right,  
    rgba(120,0,120,1) 0%, 
    rgba(210,0,210,1) 4.5%,
    rgba(120,0,120,1) 6.5%, 
    rgba(250,0,250,1) 12.5%);
}

._1ijTaXJJA5YWl_fW2IxcaT:active {
    background: repeating-linear-gradient(to right,  
    rgba(180,0,0,1) 0%, 
    rgba(250,50,0,1) 6.5%,
    rgba(180,0,0,1) 8.5%, 
    rgba(250,00,0,1) 12.5%);
}

.profile_header_bg_texture {
    background: repeating-linear-gradient(to right,  
    rgba(90,30,250,1) 0%, 
    rgba(0,120,250,1) 0.75%,
    rgba(0,40,250,1) 1.25%, 
    rgba(0,150,250,1) 3.125%)!important; 
}

.profile_header_bg_texture:hover {
    background: repeating-linear-gradient(to right,  
    rgba(120,0,120,1) 0%, 
    rgba(210,0,210,1) 1.125%,
    rgba(120,0,120,1) 1.75%, 
    rgba(250,0,250,1) 3.125%)!important;
}

.profile_header_bg_texture:active {
    background: repeating-linear-gradient(to right,  
    rgba(180,0,0,1) 0%, 
    rgba(250,50,0,1) 1.75%,
    rgba(180,0,0,1) 2.125%, 
    rgba(250,00,0,1) 3.125%)!important;
}

in hsla

.profile_header_bg_texture {
    background: repeating-linear-gradient(to right,  
    hsla(50,90%,50%,1) 0%, 
    hsla(70,100%,50%,1) 4%,
    hsla(50,90%,50%,1) 6%, 
    hsla(70,100%,50%,1) 12.5%)!important; 
}

.profile_header_bg_texture:hover {
    background: repeating-linear-gradient(to right,  
    hsla(190,90%,50%,1) 0%, 
    hsla(180,100%,50%,1) 5%,
    hsla(190,90%,50%,1) 8%, 
    hsla(180,100%,50%,1) 12.5%)!important; 
}


/*down panel*/
                                                     
._3vCzSrrXZzZjVJFZNg9SGu {
    background: repeating-linear-gradient(to bottom,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 20%,
    rgba(120,0,120,1) 30%, 
    rgba(250,0,250,1) 50%);
}

._3vCzSrrXZzZjVJFZNg9SGu:hover {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 10%,
    rgba(0,150,0,1) 20%,  
    rgba(80,250,0,1) 50%);
}

._3vCzSrrXZzZjVJFZNg9SGu:active {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,30,250,1) 0%, 
    rgba(0,120,250,1) 10%,
    rgba(0,40,250,1) 20.0%, 
    rgba(0,80,250,1) 30.0%,
    rgba(0,150,250,1) 50%);
}

/*background name game*/                                                     
                                                     
._2-O4ZG0KrnSrzISHBKctFQ {
    background: repeating-linear-gradient(to bottom,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 40%,
    rgba(120,0,120,1) 60%, 
    rgba(250,0,250,1) 100%);
}

._2-O4ZG0KrnSrzISHBKctFQ:hover,._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 20%,
    rgba(0,150,0,1) 40%,  
    rgba(80,250,0,1) 100%);
}

._2-O4ZG0KrnSrzISHBKctFQ:active,._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,120,120,1) 0%, 
    rgba(0,210,210,1) 20%,
    rgba(0,120,120,1) 40%,  
    rgba(0,250,250,1) 100%);
}
                                                     
._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ {
    background: repeating-linear-gradient(to bottom,
    rgba(0,30,250,1) 0%, 
    rgba(0,120,250,1) 20%,
    rgba(0,40,250,1) 40.0%, 
    rgba(0,80,250,1) 60.0%,
    rgba(0,150,250,1) 100%);
}

._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ:hover,._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj,._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ :hover,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ:hover,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ :hover {
    background: repeating-linear-gradient(to bottom,  
    rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 20%,
    rgba(0,150,0,1) 40%,  
    rgba(80,250,0,1) 100%);
}

._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ:active,._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj,._1UBpAXP408Ez_L_mXhW5Q9._2-O4ZG0KrnSrzISHBKctFQ :active,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ:active,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ._3cMVyOc-9F9Jvp3uKF7_xj,._1UBpAXP408Ez_L_mXhW5Q9 ._2-O4ZG0KrnSrzISHBKctFQ :active {
    background: repeating-linear-gradient(to bottom,  
    rgba(120,0,0,1) 0%, 
    rgba(180,0,0,1) 20%,
    rgba(150,0,0,1) 40%,  
    rgba(250,50,0,1) 100%);
}

body.profile_page,
div.profile_page {
	background-image: none;
    background: repeating-linear-gradient(to bottom,  
    rgba(210,210,210,1) 0%, 
    rgba(240,240,240,1) 1%,
    rgba(220,220,220,1) 2%,  
    rgba(250,250,250,1) 5%);
}

._3QRf-tp5VddAF00vWY5Gn8 {
    box-shadow: 0 0 12px #0000f085;
    background: radial-gradient(100% 80% at 64% 95%, rgba(10, 15, 80, 0.5) 0%, rgba(6, 7, 150, 0.5) 30%, rgba(6, 60, 250, 0.5) 100%);
}

._3QRf-tp5VddAF00vWY5Gn8:hover {
    background: radial-gradient(100% 80% at 64% 95%, rgba(93, 0, 90, 0.25) 0%, rgba(150, 0, 150, 0.25) 40%, rgba(250, 10, 250, 0.25) 100%);
}

._31ptFGGMZrSQc5BCX1e5lm._3KfxIwlXEvum7FCD_AM2_t {
    background: radial-gradient(100% 80% at 64% 95%, rgba(15, 7, 204, 10.6) 0%, rgba(12, 250, 18, 10.6) 40%, rgba(183, 10, 10, 10.6) 100%);
    box-shadow: 0 0 12px #0000f085
}

                                                     
/*library left background*/

._1ijTaXJJA5YWl_fW2IxcaT {
    background: repeating-linear-gradient(90deg,  
    rgba(0,30,250,1) 0%, 
    rgba(0,120,250,1) 4%,
    rgba(0,40,250,1) 7.0%, 
    rgba(0,80,250,1) 9.0%,
    rgba(0,150,250,1) 12.5%);   
    animation: ar 50s linear infinite;
}

@keyframes ar {
    0% { background-position: 1000px 0; }
    50% { background-position: -1000px 0; }
    100% { background-position: 1000px 0; }
}

/*library left background*/

._1ijTaXJJA5YWl_fW2IxcaT {
    background: repeating-linear-gradient(46.9deg,  
    rgba(0,30,250,1) 0%, 
    rgba(0,120,250,1) 4%,
    rgba(0,40,250,1) 7.0%, 
    rgba(0,80,250,1) 9.0%,
    rgba(0,150,250,1) 12.5%);   
    animation: ar 24s linear infinite;
}

._1ijTaXJJA5YWl_fW2IxcaT:hover {
    background: repeating-linear-gradient(46.9deg,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 2.5%,
    rgba(120,0,120,1) 5%, 
    rgba(250,0,250,1) 12.5%);
}

._1ijTaXJJA5YWl_fW2IxcaT:active {
    background: repeating-linear-gradient(46.9deg,  
    rgba(120,0,0,1) 0%, 
    rgba(250,0,0,1) 2.5%,
    rgba(180,0,0,1) 5%, 
    rgba(250,150,0,1) 12.5%);
}
                                                     
@keyframes ar {
    0% { background-position: -700px 0px; }
    50% { background-position: 0px -700px; }
    100% { background-position: -700px 0px; }
}

/*library header background*/

._3Z7VQ1IMk4E3HsHvrkLNgo {
    background: repeating-linear-gradient(135.7deg,  
    rgba(90,0,90,1) 0%, 
    rgba(180,0,180,1) 2%,
    rgba(120,0,120,1) 3%, 
    rgba(250,0,250,1) 5%);
    animation: am 24s linear infinite;
}

._3Z7VQ1IMk4E3HsHvrkLNgo:hover {
    background: repeating-linear-gradient(135.7deg,  
    rgba(0,120,0,1) 0%, 
    rgba(80,210,0,1) 1%,
    rgba(0,150,0,1) 2%,  
    rgba(80,250,0,1) 5%);
}

@keyframes am {
    0% { background-position: -700px 0px; }
    50% { background-position: 0px -700px; }
    100% { background-position: -700px 0px; }
}

/*ingame overlay background*/

._3b_pllMxcr_an1aQ5goWvB {
    background: #0000;
    background: repeating-linear-gradient(43.1deg,  
    rgba(0,30,250,0.7) 0%, 
    rgba(0,120,250,0.7) 4%,
    rgba(0,40,250,0.7) 7.0%, 
    rgba(0,80,250,0.7) 9.0%,
    rgba(0,150,250,0.7) 12.5%);   
    animation: ar 24s linear infinite;
    box-shadow: inset 0 0 300px 10px #0000
}

._3b_pllMxcr_an1aQ5goWvB:active {
    background: #0000;
    background: repeating-linear-gradient(43.1deg,  
    rgba(90,0,90,0.7) 0%, 
    rgba(180,0,180,0.7) 2.5%,
    rgba(120,0,120,0.7) 5%, 
    rgba(250,0,250,0.7) 12.5%);   
    box-shadow: inset 0 0 300px 10px #0000
}
                                                                                                         
@keyframes ar {
    0% { background-position: -707px 0px; }
    50% { background-position: 0px -707px; }
    100% { background-position: -707px 0px; }
}

better method are using svg

/*ingame overlay background*/

._3b_pllMxcr_an1aQ5goWvB {
    background: #0000;   
    background-image: url(/images/gradients/gradient_blue_tra.svg); 
    animation: ar 24s linear infinite;
    box-shadow: inset 0 0 300px 10px #0000
}

._3b_pllMxcr_an1aQ5goWvB:active {
    background: #0000;   
    background-image: url(/images/gradients/gradient_purple_tra.svg); 
    box-shadow: inset 0 0 300px 10px #0000
}
                                                                                                         
@keyframes ar {
    0% { background-position: -707px 0px; }
    50% { background-position: 0px -707px; }
    100% { background-position: -707px 0px; }
}

/*library left background*/

._1ijTaXJJA5YWl_fW2IxcaT {
    background-image: url(/images/gradients/gradient_blue.svg);   
    animation: ar 24s linear infinite;
}

._1ijTaXJJA5YWl_fW2IxcaT:hover {
    background-image: url(/images/gradients/gradient_purple.svg);   
}

._1ijTaXJJA5YWl_fW2IxcaT:active {
    background-image: url(/images/gradients/gradient_red.svg);   
}
 
@keyframes ar {
    0% { background-position: -707px 0px; }
    50% { background-position: 0px -707px; }
    100% { background-position: -707px 0px; }
}
